/* CSS Document */

#bg{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

#bg_1{
    background-color: #16a085;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 50%;
    width: 100%;
    z-index: 50;
}

#bg_2{
    background-color: #128d75;
    position: absolute;
    top: 50%;
    left: 0px;
    height: 50%;
    width: 100%;
    z-index: 50;
}

#bg_3{
    background-color: #16a085;
    position: absolute;
    top: 25%;
    left: 37.5%;
    height: 50%;
    width: 25%;
    z-index: 51;
    box-shadow: 7px 7px 30px #0a725d;
}

#bg_4{
    background-color: #128d75;
    position: absolute;
    top: 50%;
    left: 37.5%;
    height: 25%;
    width: 25%;
    z-index: 51;
}

#bg_text{
    position: absolute;
    top: 30%;
    left: 45%;
    z-index: 52;
}

#text{
    color: #61d3bd;
    font-size:25px;
}

#input1{
    z-index: 52;
    position: absolute;
    top: 40%;
    left: 41%;
}

input[type=text]{
    width: 270px;
    background-color: #5cbdaa;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 0px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=submit]{
    width: 270px;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #5cbdaa;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #048f74;
    color: #72c9b8;
}
#forget{
    color: #5cbdaa;
    text-decoration:none;
}
#tws_img{
    z-index: 53;
    position: absolute;
    top: 30%;
    left: 100%;
    width: 50%;
}